@extends('layout')

@section('title', __('admin_child.title'))

@php
    $child = request()->route('child');
    $thumb = empty(old('thumbnail'))?'' : old('thumbnail');
    $thumb = empty($thumb) && !empty($child)?$child->thumbnail:$thumb;
    $father = null;
    $mother = null;
    $parents = $child->parents;
    foreach ($parents as $parent) {
        if ($parent->relationship == 'F') {
            $father = $parent;
        } else {
            $mother = $parent;
        }
    }
@endphp

@section('content_header')
    @component('common.alert', ['type'=>session('flash')['type']])
        {{session('flash')['message']}}
    @endcomponent
@stop

@section('content')
    <div class="row">
        <div class="col-12 p-0 mb-2 bg-light">
            <h3 class="text-center text-light bg-info p-3">
                @lang('common.child_profile')
            </h3>
            <div class="text-center p-3">
                <div style="max-width: 360px;margin: 0 auto;">
                    @if(empty($thumb))
                        <img style="cursor: pointer;" src="{{asset('images/child.jpg')}}" id="selectChildThumb" class="img-fluid" alt="">
                    @else
                        <img style="cursor: pointer;" src="{{asset('storage/'.$thumb)}}" id="selectChildThumb" class="img-fluid" alt="">
                    @endif
                    <p class="mt-2">
                        <button type="button" id="selectChildThumbButton" class="btn btn-info">@lang('common.upload_image')</button>
                        <button type="button" class="btn btn-info btnSubmitForm">@lang('common.save')</button>
                    </p>
                    <button type="button" id="selectUploaderImage" class="d-none" data-url="{{route('manager.dashboard.upload')}}" data-inputelem="#child-thumbnail" data-imgelem="#selectChildThumb">选择图片</button>
                    <p>C{{ $child->id }}</p>
                </div>
            </div>
            <form id="childProfileForm" action="{{ route('manager.child.update', $child) }}" method="post">
                <div class="p-2">
                    {{ csrf_field() }}
                    <input class="form-control" name="daycare_id" type="hidden" value="{{ $child->daycare_id }}">
                    <input class="form-control" id="child-thumbnail" name="thumbnail" type="hidden" value="{{ empty(old('thumbnail'))?$child->thumbnail: old('thumbnail')}}">
                    <div class="container" id="appertizer">
                        <p>{{ $child->first_name }} {{ $child->last_name }}</p>
                        <p>@lang('common.date_of_birth'): {{ $child->date_birth }}</p>
                        <div>
                            <h5 class="text-primary">@lang('common.child_profile')</h5>
                            <button class="btn btn-info btn-sm mb-2" type="button" data-toggle="collapse" data-target="#expand">@lang('common.edit')</button>
                            <div id="expand" class="collapse {{ ($errors->has('first_name')||$errors->has('last_name')||$errors->has('date_birth'))?'show':'' }}">
                                <p class="text-left"><strong>@lang('common.child_first_name')</strong></p>
                                <input class="form-control {{ $errors->has('first_name') ? 'is-invalid' : '' }}" value="{{ empty(old('first_name'))?$child->first_name: old('first_name')}}" name="first_name" type="text" id="first_name">
                                @if ($errors->has('first_name'))
                                    <div class="invalid-feedback">
                                        <strong>{{ $errors->first('first_name') }}</strong>
                                    </div>
                                @endif
                                <p class="text-left"><strong>@lang('common.child_last_name')</strong></p>
                                <input class="form-control {{ $errors->has('last_name') ? 'is-invalid' : '' }}" value="{{ empty(old('last_name'))?$child->last_name: old('last_name')}}" required="required" name="last_name" type="text" id="last_name">
                                @if ($errors->has('last_name'))
                                    <div class="invalid-feedback">
                                        <strong>{{ $errors->first('last_name') }}</strong>
                                    </div>
                                @endif
                                <p class="text-left"><strong>@lang('common.gender')</strong></p>
                                <select class="form-control" required="required" id="gender" name="gender">
                                    <option value="F" @if((empty(old('gender'))&&$child->gender=='F') || (!empty(old('gender'))&&old('gender')=='F')) selected="selected" @endif>@lang('common.girl')</option>
                                    <option value="M" @if((empty(old('gender'))&&$child->gender=='M') || (!empty(old('gender'))&&old('gender')=='M')) selected="selected" @endif>@lang('common.boy')</option>
                                </select>
                                <p class="text-left"><strong>@lang('common.date_of_birth')</strong></p>
                                <input class="form-control datepicker-control {{ $errors->has('date_birth') ? 'is-invalid' : '' }}" readonly="readonly" required="required" name="date_birth" type="text" value="{{ empty(old('date_birth'))?$child->date_birth: old('date_birth')}}" id="date_birth">
                                @if ($errors->has('date_birth'))
                                    <div class="invalid-feedback">
                                        <strong>{{ $errors->first('date_birth') }}</strong>
                                    </div>
                                @endif
                                <button class="btn btn-info btn-sm m-2" type="submit">@lang('common.save')</button><span></span>
                                <button class="btn btn-info btn-sm m-2" type="button" data-toggle="collapse" data-target="#expand">@lang('common.cancel')</button>
                            </div>
                        </div>
                    </div>
                    <div class="container" id="napping">
                        <h5 class="text-primary">@lang('common.parent_profile')</h5>
                        <p>@lang('common.father'): {{ empty($father)?'':$father->first_name.' '.$father->last_name }}</p>
                        <p>@lang('common.father_email'): {{ $child->father_email }}</p>
                        <p>@lang('common.mother'): {{ empty($mother)?'':$mother->first_name.' '.$mother->last_name }}</p>
                        <p>@lang('common.mother_email'): {{ $child->mother_email }}</p>
                        <div>
                            <button class="btn btn-info btn-sm mb-2" type="button" data-toggle="collapse" data-target="#cp">@lang('common.edit')</button>
                            <div id="cp" class="collapse {{ ($errors->has('father_first_name')||$errors->has('father_last_name')||$errors->has('mother_first_name')||$errors->has('mother_last_name')||$errors->has('father_email')||$errors->has('mother_email'))?'show':'' }}">
                                <input type="hidden" name="father_id" value="{{ $father->id }}">
                                <input type="hidden" name="mother_id" value="{{ $mother->id }}">
                                <p class="text-left"><strong>@lang('common.father_first_name')</strong></p>
                                <input class="form-control {{ $errors->has('father_first_name') ? 'is-invalid' : '' }}" value="{{ empty(old('father_first_name'))?$father->first_name: old('father_first_name')}}" name="father_first_name" type="text" id="father_first_name">
                                @if ($errors->has('father_first_name'))
                                    <div class="invalid-feedback">
                                        <strong>{{ $errors->first('father_first_name') }}</strong>
                                    </div>
                                @endif
                                <p class="text-left"><strong>@lang('common.father_last_name')</strong></p>
                                <input class="form-control {{ $errors->has('father_last_name') ? 'is-invalid' : '' }}" value="{{ empty(old('father_last_name'))?$father->last_name: old('father_last_name')}}" name="father_last_name" type="text" id="father_last_name">
                                @if ($errors->has('father_last_name'))
                                    <div class="invalid-feedback">
                                        <strong>{{ $errors->first('father_last_name') }}</strong>
                                    </div>
                                @endif
                                <p class="text-left"><strong>@lang('common.father_email')</strong></p>
                                <input class="form-control {{ $errors->has('father_email') ? 'is-invalid' : '' }}" name="father_email" type="email" value="{{ empty(old('father_email'))?$child->father_email: old('father_email')}}" id="father_email">
                                @if ($errors->has('father_email'))
                                    <div class="invalid-feedback">
                                        <strong>{{ $errors->first('father_email') }}</strong>
                                    </div>
                                @endif
                                <p class="text-left"><strong>@lang('common.mother_first_name')</strong></p>
                                <input class="form-control {{ $errors->has('mother_first_name') ? 'is-invalid' : '' }}" value="{{ empty(old('mother_first_name'))?$mother->first_name: old('mother_first_name')}}" name="mother_first_name" type="text" id="mother_first_name">
                                @if ($errors->has('mother_first_name'))
                                    <div class="invalid-feedback">
                                        <strong>{{ $errors->first('mother_first_name') }}</strong>
                                    </div>
                                @endif
                                <p class="text-left"><strong>@lang('common.mother_last_name')</strong></p>
                                <input class="form-control {{ $errors->has('mother_last_name') ? 'is-invalid' : '' }}" value="{{ empty(old('mother_last_name'))?$mother->last_name: old('mother_last_name')}}" name="mother_last_name" type="text" id="mother_last_name">
                                @if ($errors->has('mother_last_name'))
                                    <div class="invalid-feedback">
                                        <strong>{{ $errors->first('mother_last_name') }}</strong>
                                    </div>
                                @endif

                                <p class="text-left"><strong>@lang('common.mother_email')</strong></p>
                                <input class="form-control {{ $errors->has('mother_email') ? 'is-invalid' : '' }}" name="mother_email" type="email" value="{{ empty(old('mother_email'))?$child->mother_email: old('mother_email')}}" id="mother_email">
                                @if ($errors->has('mother_email'))
                                    <div class="invalid-feedback">
                                        <strong>{{ $errors->first('mother_email') }}</strong>
                                    </div>
                                @endif
                                <button class="btn btn-info btn-sm m-2" type="submit">@lang('common.save')</button><span></span>
                                <button class="btn btn-info btn-sm m-2" type="button" data-toggle="collapse" data-target="#cp">@lang('common.cancel')</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@stop

@section('js')
    <script type="text/javascript" src="{{ mix('/js/app.js') }}"></script>
    <script type="text/javascript" src="{{ mix('/js/bootstrap-datepicker.js') }}"></script>
    <script>
        $('#selectChildThumb, #selectChildThumbButton').on('click', function(){
            $('#selectUploaderImage input[type="file"]').trigger('click');
        })
        $('.btnSubmitForm').on('click', function(){
            $('#childProfileForm').submit()
        })
    </script>
@stop

<style>
    #appertizer {
        background-color: #00c9c1;
    }
    #napping {
        background-color: #a6c437;
    }
</style>
@extends('layout')

@section('title', __('admin_educator.title'))

@php
    //$educator = request()->route('educator');
    $thumb = empty(old('thumbnail'))?'' : old('thumbnail');
    $thumb = empty($thumb) && !empty($educator)?$educator->thumbnail:$thumb;
@endphp

@section('content')
    <div class="row">
        <div class="col-12 p-0 mb-2 bg-light">
            <h3 class="text-center text-light bg-info p-3">
                @lang('common.educator_profile')
            </h3>
            <div class="text-center p-3 mb-5">
                <div style="max-width: 360px;margin: 0 auto;">
                    @if(empty($thumb))
                        <img style="cursor: pointer;" src="{{asset('images/educator.jpg')}}" id="selectChildThumb" class="img-fluid" alt="">
                    @else
                        <img style="cursor: pointer;" src="{{asset('storage/'.$thumb)}}" id="selectChildThumb" class="img-fluid" alt="">
                    @endif
                    <p class="mt-2">
                        <button type="button" id="selectChildThumbButton" class="btn btn-info">@lang('common.upload_image')</button>
                        <button type="button" class="btn btn-info btnSubmitForm">@lang('common.save')</button>
                    </p>
                    <button type="button" id="selectUploaderImage" class="d-none" data-url="{{route('manager.dashboard.upload')}}" data-inputelem="#child-thumbnail" data-imgelem="#selectChildThumb">选择图片</button>
                </div>
                <p class="text-center">E{{ $educator->id }}</p>
            </div>
            <div class="p-2">
                <div class="container" id="napping">
                    <h6 class="text-primary">@lang('common.educator_profile')</h6>
                    <div>
                        <button class="btn btn-info btn-sm mb-2" type="button" data-toggle="collapse" data-target="#rp" aria-expanded="true">@lang('common.edit')</button>
                        <a class="btn btn-default btn-sm mb-2 ml-2" href="javascript:history.back(-1)">@lang('common.back')</a>
                        <div id="rp" class="collapse {{ ($errors->has('first_name')||$errors->has('last_name')||$errors->has('email'))?'show':'' }}">
                            <form id="educatorProfileForm" class="mb-0" action="{{route('manager.educator.update', $educator)}}" method="post">
                                {{ csrf_field() }}
                                <input class="form-control" name="daycare_id" type="hidden" value="{{ $educator->daycare_id }}">
                                <input class="form-control" id="child-thumbnail" name="thumbnail" type="hidden" value="{{ empty(old('thumbnail'))?$educator->thumbnail: old('thumbnail')}}">
                                <div class="form-group">
                                    <label for="first_name">@lang('common.first_name')</label>
                                    <input class="form-control {{ $errors->has('first_name') ? 'is-invalid' : '' }}" value="{{ empty(old('first_name'))?$educator->first_name: old('first_name')}}" required="required" name="first_name" type="text" id="first_name">
                                    @if ($errors->has('first_name'))
                                        <div class="invalid-feedback">
                                            <strong>{{ $errors->first('first_name') }}</strong>
                                        </div>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="last_name">@lang('common.last_name')</label>
                                    <input class="form-control {{ $errors->has('last_name') ? 'is-invalid' : '' }}" value="{{ empty(old('last_name'))?$educator->last_name: old('last_name')}}" required="required" name="last_name" type="text" id="last_name">
                                    @if ($errors->has('last_name'))
                                        <div class="invalid-feedback">
                                            <strong>{{ $errors->first('last_name') }}</strong>
                                        </div>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="email">@lang('common.email')</label>
                                    <input class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}" value="{{ empty(old('email'))?$educator->email: old('email')}}" required="required" name="email" type="email" id="email">
                                    @if ($errors->has('email'))
                                        <div class="invalid-feedback">
                                            <strong>{{ $errors->first('email') }}</strong>
                                        </div>
                                    @endif
                                </div>


                                <button class="btn btn-info btn-sm m-2" type="submit">@lang('common.save')</button>
                                <span></span>
                                <button class="btn btn-info btn-sm m-2" type="button" data-toggle="collapse" data-target="#rp" aria-expanded="true">@lang('common.cancel')</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('js')
    <script type="text/javascript" src="{{ mix('/js/app.js') }}"></script>
    <script type="text/javascript" src="{{ mix('/js/bootstrap-datepicker.js') }}"></script>
    <script>
        $('#selectChildThumb, #selectChildThumbText, #selectChildThumbButton').on('click', function(){
            $('#selectUploaderImage input[type="file"]').trigger('click');
        })
        $('.btnSubmitForm').on('click', function(){
            $('#educatorProfileForm').submit()
        })
    </script>
@stop

<style>
    #napping {
        background-color: #a6c437;
    }
</style>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Not Found</title>

        <!-- Fonts -->
        <link rel="dns-prefetch" href="//fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">

        <!-- Styles -->
        <style>
            html, body {
                background-color: #fff;
                color: #636b6f;
                font-family: 'Nunito', sans-serif;
                font-weight: 100;
                height: 100vh;
                margin: 0;
            }

            .full-height {
                height: 100vh;
            }

            .flex-center {
                align-items: center;
                display: flex;
                justify-content: center;
            }

            .position-ref {
                position: relative;
            }

            .code {
                border-right: 2px solid;
                font-size: 26px;
                padding: 0 15px 0 15px;
                text-align: center;
            }

            .message {
                font-size: 18px;
                text-align: center;
            }
        </style>
    </head>
    <body>
        <div class="flex-center position-ref full-height">
            <div class="code">
                404            </div>

            <div class="message" style="padding: 10px;">
                Not Found            </div>
        </div>
    </body>
</html>